<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/static/web/jsp/include.jsp"%>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的-我的订单</title>
    <meta name="description" content="网站描述" />
    <meta name="keywords" content="关键词" />
    <link rel="stylesheet" href="${path}/static/web/style/style.css">
    <link rel="stylesheet" href="${path}/static/web/style/hizoom.css">
    <link rel="stylesheet" href="${path}/static/web/style/page_nav.css">
    <link rel="stylesheet" href="${path}/static/web/style/art.css">
    <script>
        var _id = '${id}';
    </script>
</head>
<body>
    <!-- 导航 -->
    <%@ include file="/static/web/jsp/top.jsp"%>

    <div id="orderDescController" v-cloak>
        <!-- 详情内容 -->
        <div class="model_container" >
            <div class="link_sprite">当前位置：<a href="">首页</a> &#155; <a href="">个人中心</a> &#155; <a href="">我的订单</a> &#155; <a href="">订单详情</a></div>

            <div class="model_container clearfix">
                <!-- 我的中心导航 -->
                <%@ include file="/static/web/jsp/mine_nav.jsp"%>

                <!-- 右侧内容区 -->
                <div class="mine_aside">

                    <div class="block_box box_shadow">

                        <div class="address_box">
                            <p class="send_name"><span>{{item.shipName}}</span><span>{{item.shipPhone}}</span></p>
                            <p class="send_address">{{item.shipAddress}}</p>
                        </div>



                        <div class="order_item order_desc">
                            <div class="order_topic">
                                <span class="number">订单号：{{item.orderCode}}</span>
                                <span class="time">{{item.orderTime}}</span>
                                <span class="fr red" v-if="item.orderState == -1">已取消</span>
                                <span class="fr red" v-if="item.orderState == 1">待付款</span>
                                <span class="fr red" v-if="item.orderState == 2">已付款</span>
                                <span class="fr red" v-if="item.orderState == 3">待收货</span>
                                <span class="fr red" v-if="item.orderState == 4">已签收</span>
                                <span class="fr red" v-if="item.orderState == 5">已评价</span>
                                <span class="fr red" v-if="item.orderState == 6">退款</span>
                            </div>

                            <div class="order_content">
                                <div class="ordering">
                                    <div class="order_info">
                                        <div class="order_pic fl"><img v-sy-img="item.goodsImg"/></div>
                                        <div class="order_desc">
                                            <h3 class="order_title">{{item.goodsName}}</h3>
                                            <div class="order_other">
                                                <span>x 1</span>
                                                <span class="price">￥{{item.finalPrice}}</span>
                                                <span class="order_label" v-if="item.packState == 1">有框</span>
                                                <span class="order_label" v-if="item.packState == 0">无框</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="order_bottom">
                                <!-- 待付款 -->
                                <div class="order_btns" v-if="item.orderState == 1">
                                    <a href="javascript:void(0);" class="btn btn_default_gray" @click="cancelOrder()">取消订单</a>
                                    <a href="javascript:void(0);" class="btn_pay btn btn_default_orange" @click="showPay()">去付款</a>
                                </div>

                                <!-- 待收货 -->
                                <div class="order_btns" v-if="item.orderState == 3">
                                    <a href="#" class="btn btn_default_gray" @click="express()">查看物流</a>
                                    <a href="javascript:void(0);" class="btn btn_default_blue" @click="setOrderConfirm(true)">确认收货</a>
                                </div>

                                <!-- 已完成 -->
                                <div class="order_btns" v-if="item.orderState > 3">
                                    <a href="#" class="btn btn_default_gray" @click="express()">查看物流</a>
                                </div>

                            </div>
                        </div>

                        <div class="order_block">
                            <div class="order_list">
                                <span class="name">支付方式</span>
                                <p class="choose fr" v-if="item.payType == 1">支付宝</p>
                                <p class="choose fr" v-if="item.payType == 2">微信</p>
                            </div>
                            <%--<div class="order_list">--%>
                                <%--<span class="name">配送方式</span>--%>
                                <%--<p class="choose fr" v-if="item.takeBySelf == 0">普通快递</p>--%>
                                <%--<p class="choose fr" v-if="item.takeBySelf == 1">自提</p>--%>
                            <%--</div>--%>
                            <div class="order_list">
                                <span class="name">成拍价格</span>
                                <p class="choose fr red">￥{{item.finalPrice}}</p>
                            </div>
                            <div class="order_list">
                                <span class="name">服务费</span>
                                <p class="choose fr">￥{{item.servicePay}}</p>
                            </div>
                            <div class="order_list" v-if="item.vipLevel && item.vipServicePay != item.servicePay">
                                <span class="name">会员等级优惠</span>
                                <p class="choose fr">{{item.vipLevel}}</p>
                            </div>
                            <div class="order_list" v-if="item.vipLevel && item.vipServicePay != item.servicePay">
                                <span class="name">会员优惠服务费</span>
                                <p class="choose fr">￥{{item.vipServicePay}}</p>
                            </div>
                            <div class="order_list">
                                <span class="name">装裱费用<span class="tip">（费用包含装裱费、包装费、运费以及保险费） </span></span>
                                <p class="choose fr red">￥{{Number(item.packMoney).add(Number(item.expressMoney))}}</p>
                            </div>
                            <div class="order_list" v-if="item.bailPrice > 0">
                                <span class="name">保证金扣除</span>
                                <p class="choose fr">-￥{{item.bailPrice}}</p>
                            </div>
                            <p class="order_total">
                                共1件，合计：<span class="red">￥{{item.price}}</span>
                            </p>
                        </div>



                    </div>

                </div>
            </div>
        </div>


        <%--<input style="height: 80px;background: #fff;" id="phone" type="text"/>--%>


        <!-- 选择支付方式 -->
        <div class="art_model payfor_model" :style="{'display':showPayType?'block':'none'}">
            <div class="model_wrap">
                <div class="model_header">
                    <div class="head_title">选择支付方式</div>
                    <a class="icon icon_close head_close" href="javascript:void(0);" @click="setType(false)"></a>
                </div>
                <div class="art_model_content pay_ways">
                    <div class="pay_way on" data-way="0" :class="{'on':payType == 1}" @click="selectPayType(1)">
                        <i class="icon icon_zfb"></i><span>支付宝</span><i class="fr icon icon_radio"></i>
                    </div>
                    <div class="pay_way" data-way="1" :class="{'on':payType == 2}" @click="selectPayType(2)">
                        <i class="icon icon_wx"></i><span>微信</span><i class="fr icon icon_radio"></i>
                    </div>
                    <%--<div class="pay_way" data-way="2">--%>
                        <%--<i class="icon icon_bank"></i><span>银行卡</span><i class="fr icon icon_radio"></i>--%>
                    <%--</div>--%>
                </div>
                <div class="model_btn mt_20" @click="toPay">
                    <a href="javascript:void(0);" class="btn btn_primary btn_pay_way">确 定</a>
                </div>
            </div>
        </div>

        <div class="art_model confirm_model" :style="{'display':orderConfirm?'block':'none'}">
            <div class="model_wrap">
                <div class="model_header">
                    <div class="head_title">确认收货</div>
                </div>
                <div class="art_model_content">
                    <p class="model_tip">确认收到货品了吗？</p>
                </div>
                <div class="btns_box mt_20">
                    <a href="javascript:void(0);" class="btn btn_disabled model_close" @click="setOrderConfirm(false)">取消</a>
                    <a href="javascript:void(0);" class="btn btn_primary" @click="confirmOrder">确认</a>
                </div>
            </div>
        </div>

    </div>




    <!-- 客服 -->
    <%@ include file="/static/web/jsp/footer.jsp"%>


    <form id="form" action="${path}/web/pay/onlinePay" method="post">
        <input type="hidden" name="content" id="content"/>
    </form>
</body>
<%--<script src="./js/jquery.min.js"></script>--%>
<script src="${path}/static/web/js/art.js"></script>
<script src="${path}/static/web/js/biz/order_desc.js"></script>
<script>
    $('#phone').keyup(function(){
        var thisVal=$(this).val();
        var secondReg=/^(13)|(14)|(15)|(17)|(18)/;//判断手机号前两位
        var numReg=/^\d{1,11}$/;//判断是否数字

        if(thisVal.length){
            if(thisVal.substring(0,1)!=1){
                console.log('第一位非手机号码数字');
            };
            if(!numReg.test(thisVal)){
                console.log('号码有非数字');
            };
        };

        if(thisVal.length>1){
            if(!secondReg.test(thisVal.substring(0,2))){
                console.log('第二位非手机号码数字');
            }
        };

        if(thisVal.length>11){
            $(this).val(thisVal.substring(0,11))
        };
    });

</script>
</html>